<template>
	<view>
		<uni-nav-bar style="width: 100%;" left-icon="back" left-text="" title="兑换成功" @clickLeft="clickLeft"></uni-nav-bar>
		<view class="cmd-box">
			<!-- <view class="cmd-dg">
				<view class="diugou"><image src="../../static/image/icon/duigou.png" mode=""></image></view>
				<text>兑换成功</text>
			</view> -->
			<!-- <view class="flex cmd-text" style="margin-top: 90rpx;">
				<text class="">消耗</text>
				<text class="">2354HNW</text>
			</view>
			<view class="flex cmd-text">
				<text class="">得到</text>

				<text class="">6354USDT</text>
			</view>
			<view class="flex cmd-text">
				<text class="">当前汇率</text>

				<text class="">1HNW=4.23USDT</text>
			</view>
			<view class="flex cmd-text">
				<text class="">手续费</text>

				<text class="">0.2%</text>
			</view> -->
		</view>
		<recording :list="list">
			<view class="cmd-dg">
				<view class="diugou"><image src="../../static/image/icon/duigou.png" mode=""></image></view>
				<text>兑换成功</text>
			</view>
		</recording>
	</view>
</template>

<script>
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
import recording from '../component/recording.vue';
export default {
	components: { uniNavBar, recording },
	data() {
		return {
			paymentShow: false,
			list: [{ name: '交易对', num: 'HNW/USDT' },{ name: '消耗', num: '122' }, { name: '得到', num: '6354USDT' }, { name: '当前汇率', num: '1HNW=4.23USDT' }, { name: '手续费', num: '0.2%' }]
		};
	},
	methods: {
		clickLeft() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>

<style lang="scss">
// .cmd-box {
// 	margin: 40rpx 66rpx 0 66rpx;
// 	font-size: 24rpx;

// 	.cmd-text {
// 		color: #999999;
// 		font-size: 22rpx;
// 		margin: 40rpx 40rpx 0 40rpx;
// 	}
// }
.cmd-dg {
	text-align: center;
	padding: 80rpx;
	border-bottom: 2rpx solid #979797;
	text {
		color: #333333;
		font-size: 28rpx;
		margin-top: 30rpx;
		display: block;
	}
}
.diugou {
	width: 80rpx;
	height: 80rpx;
	margin: auto;
	image {
		width: 100%;
		height: 100%;
	}
}
</style>
